<el-form ref="form" :model="form" :rules="rules" label-width="100px">
    <el-row :gutter="10">
        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
            <el-form-item label="表编码" prop="TABLE_ID">
                <el-input v-model="form.TABLE_ID" @blur="checkTableID" :readOnly="!isAdd"></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
            <el-form-item label="表名称" prop="TABLE_NAME">
                <el-input v-model="form.TABLE_NAME"></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
            <el-form-item label="备注">
                <el-input type="textarea" v-model="form.TABLE_REMARK"></el-input>
            </el-form-item>
        </el-col>

        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
            <el-row style="text-align: left">
                <el-button icon="icon iconfont icon-23" size="mini" @click="addData" :disabled="isDetail"
                >新增
                </el-button>
                <el-button type="warning" icon="icon iconfont icon-21" size="mini" @click="delData" :disabled="isDetail"
                >删除
                </el-button>
            </el-row>
        </el-col>

        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" style="padding-top: 5px">
            <el-row>
                <table id="edit_table"
                       class="layui-table"
                       lay-filter="edit_table">
                </table>
            </el-row>
        </el-col>
        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" style="text-align: right;padding-top: 10px;">
            <el-button icon="icon iconfont icon-23" size="mini" @click="cancel">关闭</el-button>
            <el-button type="warning" icon="icon iconfont icon-21" size="mini" @click="sure" :disabled="isDetail">保存</el-button>
        </el-col>
    </el-row>
</el-form>
<script>
    require(["pc/system/table_edit"], $.noop);
</script>